<template>
    <div class="t1">
      <span>猫眼电影</span>
      <img
        src="https://p0.meituan.net/scarlett/f05f61e7a8f3f45fd071c068d7a26870356.png"
        alt=""
      />
    </div>
    <!--<div class="t2">
      <img
        src="https://p0.meituan.net/scarlett/448afce485c1f342895185c2be668fa411803.png@80q"
        alt=""
        class="maoyan"
      />
      <div class="t2_op">
        <span>发现最新最热电影</span>
        <span>打开App</span>
        <img
          src="https://p0.meituan.net/scarlett/70a18c9d3c345f442e5a4e6bf2d16180779.png@80q"
          alt=""
          class="openapp"
        />
      </div>
    </div>
     <div class="t3">
      <span>长沙<img src="./img/下拉.png" alt="" class="down"></span>
      <ul>
        <li>热映</li>
        <li>影院</li>
        <li>待映</li>
        <li>经典电影</li>
      </ul>
      <img
        src="https://s0.meituan.net/bs/myfe/canary/file/touchnode/images/dpmmweb/component/index/img/base64/search-red.png"
        alt=""
      />
    </div>-->
</template>

<script>
export default {
  name: "Title1",
};
</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
}

.t1 {
  width: 100%;
  height: 1.333333rem;
  background-color: rgb(235, 60, 60);
  position: relative;
}

.t1 span {
  color: white;
  font-size: .48rem;
  position: absolute;
  bottom: .4rem;
  right: 4rem;
}

.t1 img {
  width: .48rem;
  position: absolute;
  bottom: .453333rem;
  right: .373333rem;
}
</style>